<!--
 * @Descripttion: your project
 * @version: 1.0
 * @Author: hongweixun
 * @Date: 2022-11-11 13:56:56
 * @LastEditors: hongweixun
 * @LastEditTime: 2023-06-27 09:28:15
-->
<template>
    <span class="status-dot" :[status]="true" :pulse="pulse"></span>
  </template>
  <script lang="ts">
  export default {
    name: 'Dot',
    props: {
      status: {
        type: String,
        default: '',
        validator (value: any) {
          if (value === '') return true
          return (
            ['primary', 'success', 'warning', 'danger'].indexOf(value) !==
            -1
          )
        }
      },
      pulse: {
        type: Boolean,
        default: true
      }
    }
  }
  </script>
  <style src="../../assets/dot.scss"></style>